<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
	<base href="<%=basePath%>">
<meta charset="UTF-8">
<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function () {
	//给整个页面添加键盘按下的事件
    $(window).keydown(function (e) {
        //如果按的是回车键，发送请求
        if(e.keyCode==13){
            $("#loginBtn").click();
        }
    });
    //给"登录"按钮添加单击事件
    $("#loginBtn").click(function () {
        //收集参数
        var loginAct=$.trim($("#loginAct").val());
        var loginPwd=$.trim($("#loginPwd").val());
        var isRemPwd=$("#isRemPwd").prop("checked");
        //表单验证
        if(loginAct==""){
            alert("用户名不能为空");
            return;
        }
        if(loginPwd==""){
            alert("密码不能为空");
            return;
        }

        //发送请求
        $.ajax({
            url:'settings/qx/user/login.do',
            data:{
                loginAct:loginAct,
                loginPwd:loginPwd,
                isRemPwd:isRemPwd
            },
            type:'post',
            dataType:'json',
            success:function (data) {
                if(data.code=="1"){
                    //跳转到业务主页面
                    window.location.href="workbench/index.do";
                    /*alert("跳转页面")*/
                }else{
                    $("#msg").text(data.message);
                }
            },
            beforeSend:function(){//在ajax发送异步请求之前执行本函数，函数返回值是true或者false；当返回true时，ajax会真正向后台发请求，否则，则ajax放弃向后台发请求。
                //显示提示信息
                $("#msg").text("正在验证....");
                return true;
            }
        });
    });
});
/*$(function () {
    //对login添加事件
    //给整个页面添加键盘按下的事件
    $(window).keydown(function (e) {
        //如果按的是回车键，发送请求
        if(e.keyCode==13){
            $("#loginBtn").click();
        }
    });
    /!*$("#loginAct"))*!/
    //提交数据
    $("#loginBtn").click(login())
})
function login() {
    var loginAct = $.trim($("#loginAct").val());
    var loginPwd = $.trim($("#loginPwd").val());
    var isRemPwd = $("#isRemPwd").prop("checked");
    /!* alert(loginAct);
     alert(isRemPwd);*!/
    //判断时候为空
    if (loginAct==""){
        alert("用户名不能为空！")
        return;
    }
    if (loginPwd==""){
        alert("密码不能为空！")
        return;
    }
    //发送Ajax请求
    $.ajax({
        url:"settings/qx/user/login.do",
        type:'post',
        data:{
            loginAct:loginAct,
            loginPwd:loginPwd,
            isRemPwd:isRemPwd
        },
        dataType:"json",
        success:function (data) {
            if (data.code=='1'){
                alert("跳转到下一个页面，登录成功")
            }else {
                /!*alert(data.message)*!/
                $("#msg").text(data.message)
            }
        }
    })

}*/
</script>
</head>
<body>
	<div style="position: absolute; top: 0px; left: 0px; width: 60%;">
		<img src="image/IMG_7114.JPG" style="width: 100%; height: 90%; position: relative; top: 50px;">
	</div>
	<div id="top" style="height: 50px; background-color: #3C3C3C; width: 100%;">
		<div style="position: absolute; top: 5px; left: 0px; font-size: 30px; font-weight: 400; color: white; font-family: 'times new roman'">CRM &nbsp;<span style="font-size: 12px;">&copy;2019&nbsp;动力节点</span></div>
	</div>

	<div style="position: absolute; top: 120px; right: 100px;width:450px;height:400px;border:1px solid #D5D5D5">
		<div style="position: absolute; top: 0px; right: 60px;">
			<div class="page-header">
				<h1>登录</h1>
			</div>
			<form action="workbench/index.html" class="form-horizontal" role="form">
				<div class="form-group form-group-lg">
					<div style="width: 350px;">
						<input class="form-control" id="loginAct" value="${cookie.loginAct.value}" type="text" placeholder="用户名">
					</div>
					<div style="width: 350px; position: relative;top: 20px;">
						<input class="form-control" id="loginPwd" value="${cookie.loginPwd.value}" type="password" placeholder="密码">
					</div>
					<div class="checkbox"  style="position: relative;top: 30px; left: 10px;">
						<label>
							<c:if test="${not empty cookie.loginAct and not empty cookie.loginPwd}">
								<input type="checkbox" id="isRemPwd" checked="true">
							</c:if>
							<c:if test="${empty cookie.loginAct or empty cookie.loginPwd}">
								<input type="checkbox" id="isRemPwd">
							</c:if>
							十天内免登录
						</label>
						&nbsp;&nbsp;
						<span id="msg" style="color: red"></span>
					</div>
					<button type="button" id="loginBtn" class="btn btn-primary btn-lg btn-block"  style="width: 350px; position: relative;top: 45px;">登录</button>
				</div>
			</form>
		</div>
	</div>
</body>
</html>